.user_img{
  width: tovw(66);
  height: tovw(66);
  border-radius: 2vw;
  position: absolute;
  top:50%;
  left: 10vw;
  transform: translateY(-85%);
}
.card_m{

}
/*btn*/
.btn{
  position: absolute;
  top:50%;
  left:5vw;
  width: 6vw;
  transform:translateY(-50%);
}
/*search s*/
.search_btn {
  font-size: 0.6rem;
  color: #fff;
  width: 15%;
  height: 1.45rem;
  line-height: 1.45rem;
  background-color: #e85454;
  text-align:center;
  border-radius:1vw;
  margin-top:0.15rem;
  margin-left:2%;
}
.wrap_header_search .select_sex_g_act {
  background-image: url("../../../static/img/Header_other/search_select_g.png");
}
.select_sex_g {
  width: 8%;
  height: 1.425rem;
  background-image: url("../../../static/img/Header_other/none_search_select_g.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(15%);
}
.wrap_header_search .select_sex_man_act {
  background-image: url("../../../static/img/Header_other/search_select_man.png");
}
.select_sex_man {
  width: 8%;
  height: 1.425rem;
  background-image: url("../../../static/img/Header_other/none_select_man.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(15%);
  margin-left: 1.2%;
}
.search_sex {
  font-size: 0.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  color: #fff;
}
.input_school {
  width: 40%;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 1vw;
  outline: none;
  font-size: 0.6rem;
  transform: translateY(10%);
  margin-left: 1.2%;
  margin-right: 1.2%;
}
.wrap_header_search {
  transform:translateY(2.2rem);
  position: absolute;
  top: 0rem;
  width: 100%;
  height: 1.8rem;
  background-color: #563117;
  z-index: 0;
  display:flex;
}
.wrap_header_school{
  font-size:0.8rem;
  height:1.8rem;
  line-height:1.8rem;
  color:#fff;
  margin-left:1.3%;
  font-weight:600;
}
/*search e*/
/*music player animate s*/
.bounce-enter-active {
  transform: translateZ(0);
  /*-moz-transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
  -o-transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);*/
  animation: bounce-in .5s ease-in-out;
}
.bounce-leave-active {
  transform: translateZ(0);
  /* -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
   -o-transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
   -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
   transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);*/
  animation: bounce-in .5s reverse ease-in-out;
}

@keyframes bounce-in {
  0% {
    transform: translateY(0);
    top:0rem;
    z-index:0;
    // opacity:0
  }
  100% {
    transform: translateY(2.2rem);
    z-index: 100;
    //opacity:1;
  }
}
/*music player animate e*/
.wrap_header_other{
  z-index:100;
  height:100%;
  position:relative;
  background-color:#fff;
  color:#9f5c2f;

}
.header_other_music_player .heart_img {
  margin-top: 0.45rem;
}
.music_player_line{
  width:25%;
  height:0.5rem;
  border:1px solid #ffffff;
  border-radius:2vw;
  float:left;
  background-color:#ffffff;
  margin:0.8rem 4% 0;
  position:relative
}
.act_music_p_line{
  position:absolute;
  top:50%;
  left:4%;
  transform:translateY(-50%);
  width:20%;
  height:90%;
  background-color:#9f5c2f;
  border-radius:2vw;
  z-index:0;
}
.img{
  width: 6%;
  margin-top: 0.3rem;
  margin-left: 3%;
  display: block;
  float:left;
}
.header_other_music_player {
  transform: translateY(2.2rem);
  position: absolute;
  top: 0rem;
  width: 100%;
  height: 1.8rem;
  background-color: #563117;
  z-index: 0;
}
.header_other{
  position: relative;
  /*height: 2.6rem;*/
  /*line-height: 2.6rem;*/
  height: 2.2rem;
  line-height: 2.2rem;
  background-color: #9f5c2f;
  z-index:100;
}
.header_title_other{
  float: left;
  letter-spacing: 1px;
  /*margin-left: 6.4%;*/
  font-weight: 600;
  height:2.2rem;
  line-height:2.2rem;
  color: #9f5c2f;
  font-size: 1rem;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
}
.base_header_img{
  padding-top: 0.6rem;
  margin-right: 5%;
}
.header_other_music{
  width:5%;
  float: right;
  margin-right: 5.5%;
}
.header_other_search{
  width: 5.5%;
  float: right;
}
.header_other_cross{
  width:5.5%;
  float: right;
}
.music_player_line{

}
